<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>主页</title>
    <link href="css/index.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/http   code.jquery.com jquery-1.7.1.js"></script>
    <script type="text/javascript">
		$(function() {
			var d=300;
			$('#our_label a').each(function(){
				$(this).stop().animate({
					'marginTop':'-80px'
				},d+=150);
			});

			$('#our_label > li').hover(
			function () {
				$('a',$(this)).stop().animate({
					'marginTop':'-30px'
				},200);
			},
			function () {
				$('a',$(this)).stop().animate({
					'marginTop':'-80px'
				},200);
			}
		);
		});
	</script>
</head>

<body>
	<div class="content">
        <ul id="our_label">
            <li class="about_us"><a href="#" class="about_us"></a></li>
            <li class="contact_us"><a href="#" class="contact_us"></a></li>
        </ul>
        <div class="logo"></div><!--这里是班级logo-->
    	<div class="nav_bg"></div>
        <div class="nav">
        	<a href="link.html" class="img_1" onmouseover="link.style.display = 'block'" onmouseout="link.style.display = 'none'"></a>
            <a href="album.html" class="img_2" onmouseover="album.style.display = 'block'" onmouseout="album.style.display = 'none'"></a>
            <a href="bulletin.html" class="img_3" onmouseover="bulletin.style.display = 'block'" onmouseout="bulletin.style.display = 'none'"></a>
            <a href="bbs.html" class="img_4" onmouseover="bbs.style.display = 'block'" onmouseout="bbs.style.display = 'none'"></a>
            <a href="contact.html" target="_blank" class="img_5" onmouseover="contact.style.display = 'block'" onmouseout="contact.style.display = 'none'"></a>
            <a href="#" class="img_home"></a>
        </div>
		<div class="nav_name">
        	<ul>
            	<li><img src="images/nav_link.png"  id="link" /></li>
                <li><img src="images/nav_album.png" id="album" /></li>
                <li><img src="images/nav_bulletin.png" id="bulletin"/></li>
                <li><img src="images/nav_bbs.png" id="bbs"/></li>
                <li><img src="images/nav_contact.png" id="contact"/></li>
                <li><img src="images/nav_home.png" style="display:block" /></li>
            </ul>
        </div><!--nav、nav-name和nav-bg组成一个导航栏-->
        <div class="map"><img src="images/introduction.png" /></div>
    </div>
</body>
</html>
